<link rel="import" href="../genemo-card-content-behavior/genemo-card-content-behavior.html">
<link rel="import" href="../../bower_components/neon-animation/neon-animatable-behavior.html">
<script type="text/javascript">
var GIVe = (function (give) {
  'use strict'

  give.GenemoTabCardContentBehaviorImpl = {

    properties: {

      tabText: {
        type: String,
        value: '',
        readOnly: true
      }

    },

    getTabHeader: function () {
      var res = document.createElement('div')
      var coreIcon = this.getIcon()
      coreIcon.classList.add('smallInline')

      var textSpan = document.createElement('span')
      textSpan.textContent = this.tabText
      res.appendChild(coreIcon)
      res.appendChild(textSpan)

      return res
    }

  }

  give.GenemoTabCardContentBehavior = [
    give.GenemoCardContentBehavior,
    Polymer.NeonAnimatableBehavior,
    give.GenemoTabCardContentBehaviorImpl
  ]

  return give
})(GIVe || {})
</script>
